import 'package:flutter/material.dart';
import 'package:get/get.dart';

class DrawLots extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          backgroundColor: Color(0xffffffff),
        ),
        body: Stack(
          children: [
            ListView(
              padding: EdgeInsets.only(bottom: 120),
              children: [
                Image.asset('static/aaa.png'),
                SizedBox(
                  height: 15,
                ),
                Padding(
                    padding: EdgeInsets.symmetric(horizontal: 15),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          '限量1000份，流通100份',
                          style:
                              TextStyle(fontSize: 14, color: Color(0XFF1F0584)),
                        ),
                        Text(
                          '超现实元宇宙数字艺术展厅',
                          style:
                              TextStyle(fontSize: 22, color: Color(0XFF0F172B)),
                        ),
                        SizedBox(
                          height: 20,
                        ),
                        Row(
                          children: [
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  '所在产链',
                                  style: TextStyle(
                                      fontSize: 12, color: Color(0XFF999999)),
                                ),
                                Text(
                                  '蚂蚁链',
                                  style: TextStyle(
                                      fontSize: 14, color: Color(0XFF0F172B)),
                                ),
                              ],
                            ),
                            SizedBox(
                              width: 100,
                            ),
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  '发售时间',
                                  style: TextStyle(
                                      fontSize: 12, color: Color(0XFF999999)),
                                ),
                                Text(
                                  '2023.1.1 16:22',
                                  style: TextStyle(
                                      fontSize: 14, color: Color(0XFF0F172B)),
                                ),
                              ],
                            ),
                          ],
                        ),
                        SizedBox(
                          height: 20,
                        ),
                        Row(
                          children: [
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  '合约地址',
                                  style: TextStyle(
                                      fontSize: 12, color: Color(0XFF999999)),
                                ),
                                Text(
                                  'OX2323...5432',
                                  style: TextStyle(
                                      fontSize: 14, color: Color(0XFF0F172B)),
                                ),
                              ],
                            ),
                            SizedBox(
                              width: 100,
                            ),
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text(
                                  '支付方式',
                                  style: TextStyle(
                                      fontSize: 12, color: Color(0XFF999999)),
                                ),
                                Text(
                                  '汇付天下、易宝钱包',
                                  style: TextStyle(
                                      fontSize: 14, color: Color(0XFF0F172B)),
                                ),
                              ],
                            ),
                          ],
                        ),
                        Divider(
                          color: Color(0XFFDDDDDD),
                          height: 30,
                        ),
                        Container(
                          decoration: BoxDecoration(
                              color: Color(0XFFF8F9FD),
                              borderRadius: BorderRadius.circular(8)),
                          child: Column(
                            children: [
                              Container(
                                height: 40,
                                decoration: BoxDecoration(
                                    color: Color(0XFF0F172B),
                                    borderRadius: BorderRadius.only(
                                        topLeft: Radius.circular(8),
                                        topRight: Radius.circular(8))),
                                child: Row(
                                  children: [
                                    SizedBox(
                                      width: 15,
                                    ),
                                    Text('抽签流程',
                                        style: TextStyle(
                                            fontSize: 16,
                                            fontWeight: FontWeight.bold,
                                            color: Color(0XFFFFFFFF))),
                                    Expanded(
                                      child: SizedBox(),
                                    ),
                                    Text('已有3000人参与',
                                        style: TextStyle(
                                            fontSize: 12,
                                            color: Color(0XFFFFFFFF))),
                                    SizedBox(
                                      width: 15,
                                    ),
                                  ],
                                ),
                              ),
                              SizedBox(
                                height: 10,
                              ),
                              Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceAround,
                                children: [
                                  Text(
                                    '领码',
                                    style: TextStyle(
                                        fontSize: 14, color: Color(0XFF0F172B)),
                                  ),
                                  Text(
                                    '等待',
                                    style: TextStyle(
                                        fontSize: 14, color: Color(0XFF0F172B)),
                                  ),
                                  Text(
                                    '抽签',
                                    style: TextStyle(
                                        fontSize: 14, color: Color(0XFF0F172B)),
                                  ),
                                  Text(
                                    '购买',
                                    style: TextStyle(
                                        fontSize: 14, color: Color(0XFF0F172B)),
                                  ),
                                  Text(
                                    '结束',
                                    style: TextStyle(
                                        fontSize: 14, color: Color(0XFF0F172B)),
                                  ),
                                ],
                              ),
                              Padding(
                                padding: EdgeInsets.only(
                                    top: 10, left: 25, right: 25, bottom: 5),
                                child: Image.asset('static/chouiqan.png'),
                              ),
                              Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceAround,
                                children: [
                                  Column(
                                    children: [
                                      Text(
                                        '11-22 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                      Text(
                                        '12:00 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                    ],
                                  ),
                                  Column(
                                    children: [
                                      Text(
                                        '11-22 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                      Text(
                                        '12:00 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                    ],
                                  ),
                                  Column(
                                    children: [
                                      Text(
                                        '11-22 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                      Text(
                                        '12:00 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                    ],
                                  ),
                                  Column(
                                    children: [
                                      Text(
                                        '11-22 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                      Text(
                                        '12:00 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                    ],
                                  ),
                                  Column(
                                    children: [
                                      Text(
                                        '11-22 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                      Text(
                                        '12:00 ',
                                        style: TextStyle(
                                            fontSize: 11,
                                            color: Color(0XFF0F172B)),
                                      ),
                                    ],
                                  ),
                                ],
                              ),
                              SizedBox(
                                height: 10,
                              ),
                            ],
                          ),
                        ),
                        Container(
                          margin: EdgeInsets.only(bottom: 20, top: 10),
                          padding: EdgeInsets.symmetric(
                              horizontal: 15, vertical: 10),
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(8),
                              color: Color(0XFF0F172B)),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                mainAxisAlignment: MainAxisAlignment.center,
                                children: [
                                  Text(
                                    '我的抽签码',
                                    style: TextStyle(
                                        fontSize: 14, color: Color(0XFFFFFFFF)),
                                  ),
                                  Text(
                                    '解锁码越多，中签机率越大',
                                    style: TextStyle(
                                        fontSize: 12, color: Color(0XFF999999)),
                                  ),
                                ],
                              ),
                              GestureDetector(
                                onTap: () => {
                                  Get.dialog(
                                    AlertDialog(
                                        backgroundColor: Colors.transparent,
                                        shape: RoundedRectangleBorder(
                                            borderRadius:
                                                BorderRadius.circular(5)),
                                        content: Stack(
                                          children: [
                                            Image.asset(
                                              'static/tan.png',
                                              width: 250,
                                              fit: BoxFit.fitWidth,
                                            ),
                                            Positioned(
                                                top: 40,
                                                right: 0,
                                                left: 0,
                                                child: Column(
                                                  children: [
                                                    Text(
                                                      '我的抽签码',
                                                      style: TextStyle(
                                                          fontSize: 24,
                                                          color: Color(
                                                              0XFF0F172B)),
                                                    ),
                                                    Container(
                                                        width: 200,
                                                        height: 170,
                                                        child: ListView(
                                                          children: [
                                                            Container(
                                                              margin: EdgeInsets.symmetric(vertical: 5),
                                                              height: 35,
                                                              padding: EdgeInsets
                                                                  .only(
                                                                      left: 15),
                                                              alignment: Alignment
                                                                  .centerLeft,
                                                              decoration:
                                                                  BoxDecoration(
                                                                image:
                                                                    DecorationImage(
                                                                  image: AssetImage(
                                                                      'static/web/chouma.png'),
                                                                  fit: BoxFit
                                                                      .fitWidth,
                                                                ),
                                                              ),
                                                              child: Text(
                                                                'FS3A34',
                                                                style: TextStyle(
                                                                    fontSize:
                                                                        16,
                                                                    color: Color(
                                                                        0XFF0F172B),
                                                                    fontWeight:
                                                                        FontWeight
                                                                            .bold),
                                                              ),
                                                            ),
                                                            Container(
                                                              height: 35,
                                                              margin: EdgeInsets.symmetric(vertical:5),

                                                              padding: EdgeInsets
                                                                  .only(
                                                                      left: 15),
                                                              alignment: Alignment
                                                                  .centerLeft,
                                                              decoration:
                                                                  BoxDecoration(
                                                                image:
                                                                    DecorationImage(
                                                                  image: AssetImage(
                                                                      'static/web/zhongma.png'),
                                                                  fit: BoxFit
                                                                      .fitWidth,
                                                                ),
                                                              ),
                                                              child: Text(
                                                                'FS3A34',
                                                                style: TextStyle(
                                                                    fontSize:
                                                                        16,
                                                                    color: Color(
                                                                        0XFF0F172B),
                                                                    fontWeight:
                                                                        FontWeight
                                                                            .bold),
                                                              ),
                                                            ),
                                                            
                                                          ],
                                                        ))
                                                  ],
                                                )),
                                          ],
                                        )),
                                  )
                                },
                                child: Container(
                                  alignment: Alignment.center,
                                  height: 27,
                                  width: 84,
                                  decoration: BoxDecoration(
                                      borderRadius: BorderRadius.circular(27),
                                      color: Color(0XFFFFFFFF)),
                                  child: Text(
                                    '点击查看',
                                    style: TextStyle(
                                        fontSize: 12, color: Color(0XFF0F172B)),
                                  ),
                                ),
                              )
                            ],
                          ),
                        ),
                        Text(
                          '藏品简介',
                          style: TextStyle(
                              fontSize: 18, fontWeight: FontWeight.bold),
                        ),
                        SizedBox(
                          height: 10,
                        ),
                        Image.asset('static/aaa.png'),
                        SizedBox(
                          height: 10,
                        ),
                        Text(
                          '购买须知',
                          style: TextStyle(
                              fontSize: 18, fontWeight: FontWeight.bold),
                        ),
                        SizedBox(
                          height: 5,
                        ),
                        Text(
                          '数字藏品交易仅限于18周岁(不含)以上、60周岁(含)以下，并已完成实名认证的中国大陆用户购买。由于不同属性的数字艺术有不同的二次交易规则，请您仔细阅读并同意相关规则后再进行相应操作，以避免不必要的损失。 请注意，一旦数字藏品完成出售，不支持退货在购买之前，请仔细考虑您的购买决策。根据我国相关的法律要求，特定条件下的数字藏品的二次交易不支持任何形式的变相炒作。我们坚决反对数字藏品炒作、场外交易、欺诈，以及其他非法侵权行为。请您甄别上述涉嫌网络欺诈的行为并了解相关风险。',
                          style:
                              TextStyle(fontSize: 12, color: Color(0XFF999999)),
                        ),
                        SizedBox(
                          height: 15,
                        ),
                      ],
                    )),
              ],
            ),
            Align(
                alignment: Alignment.bottomLeft,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: [
                    Row(
                      children: [
                        Expanded(
                            child: Container(
                          alignment: Alignment.center,
                          height: 40,
                          decoration: BoxDecoration(
                            color: Color.fromARGB(128, 0, 0, 0),
                          ),
                          child: Text(
                            '2020-14-16 16:00:00结束领码',
                            style: TextStyle(color: Color(0XFFFFFFFF)),
                          ),
                        )),
                      ],
                    ),
                    Container(
                      padding: EdgeInsets.symmetric(vertical: 15),
                      decoration: BoxDecoration(
                        color: Color(0XFFFFFFFF),
                      ),
                      child: Container(
                        margin: EdgeInsets.symmetric(horizontal: 15),
                        height: 60,
                        decoration: BoxDecoration(
                            color: Color(0XFF0F172B),
                            borderRadius: BorderRadius.circular(60)),
                        child: Row(
                          children: [
                            SizedBox(
                              width: 25,
                            ),
                            Text(
                              '￥',
                              style: TextStyle(
                                  fontSize: 16, color: Color(0XFFFFFFFF)),
                            ),
                            Text(
                              '99.00',
                              style: TextStyle(
                                  fontSize: 24, color: Color(0XFFFFFFFF)),
                            ),
                            Expanded(child: SizedBox()),
                            GestureDetector(
                              onTap: () => {
                                Get.dialog(
                                  AlertDialog(
                                      backgroundColor: Colors.transparent,
                                      shape: RoundedRectangleBorder(
                                          borderRadius:
                                              BorderRadius.circular(5)),
                                      content: Stack(
                                        children: [
                                          Image.asset(
                                            'static/tan.png',
                                            width: 255,
                                            fit: BoxFit.fitWidth,
                                          ),
                                          Positioned(
                                              top: 50,
                                              right: 0,
                                              left: 0,
                                              child: Column(
                                                children: [
                                                  Text(
                                                    '恭喜获得抽签码',
                                                    style: TextStyle(
                                                        fontSize: 24,
                                                        color:
                                                            Color(0XFF0F172B)),
                                                  ),
                                                  SizedBox(
                                                    height: 10,
                                                  ),
                                                  Text(
                                                    '此次抽签结果',
                                                    style: TextStyle(
                                                        fontSize: 12,
                                                        color:
                                                            Color(0XFF0F172B)),
                                                  ),
                                                  Text(
                                                    '将于2023.1.1 16:22公布',
                                                    style: TextStyle(
                                                        fontSize: 12,
                                                        color:
                                                            Color(0XFF0F172B)),
                                                  ),
                                                  SizedBox(
                                                    height: 20,
                                                  ),
                                                  Container(
                                                    height: 65,
                                                    width: 212,
                                                    alignment: Alignment.center,
                                                    decoration: BoxDecoration(
                                                        borderRadius:
                                                            BorderRadius
                                                                .circular(8),
                                                        color:
                                                            Color(0XFFF8F9FD)),
                                                    child: Text(
                                                      'FS3A34',
                                                      style: TextStyle(
                                                          fontSize: 30,
                                                          color:
                                                              Color(0XFF1F0588),
                                                          fontWeight:
                                                              FontWeight.bold),
                                                    ),
                                                  )
                                                ],
                                              )),
                                        ],
                                      )),
                                )
                              },
                              child: Text(
                                '领取抽签码',
                                style: TextStyle(
                                    fontSize: 18, color: Color(0XFFFFFFFF)),
                              ),
                            ),
                            SizedBox(
                              width: 25,
                            ),
                          ],
                        ),
                      ),
                    )
                  ],
                ))
          ],
        ));
  }
}
